<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Blog</title>
    <meta name="description" content="Your blog page description"/>
    <link href="https://fonts.googleapis.com/css?family=Arimo:400,600,700" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link rel="shortcut icon" type="image/png" href="images/favicon.png">
    <link href="styles/main.css" rel="stylesheet">
  </head>
  <body id="top">
    <div class="page">
      <header>
        <div class="pp-header">
          <nav class="navbar navbar-expand-lg navbar-light">
            <div class="container"><a href="index.html"><img src="images/favicon.png"></a><a class="navbar-brand" href="index.html">Photo Perfect</a>
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
              <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                <ul class="navbar-nav ml-auto">
                  <li class="nav-item"><a class="nav-link" href="index.html">Home</a>
                  </li>
                  <li class="nav-item"><a class="nav-link" href="about.html">About</a>
                  </li>
                  <li class="nav-item active"><a class="nav-link" href="blog.html">Blog</a>
                  </li>
                  <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a>
                  </li>
                </ul>
              </div>
            </div>
          </nav>
        </div>
      </header>
      <div class="page-content">
        <div class="container">
<div class="pp-section pp-container-readable">
  <article class="pp-post"><a href="blog-post.html"><img class="img-fluid" src="images/blog-1.jpg" alt="Blog Image"/></a>
    <header class="pp-post-header">
      <div class="pp-post-title"><a class="h4" href="blog-post.html">Healthy Meals for Busy Morning</a></div>
      <div class="pp-post-meta">
        <ul>
          <li><i class="fa fa-calendar-check-o" aria-hidden="true"></i><span>November 04, 2017</span></li>
          <li><i class="fa fa-tags" aria-hidden="true"></i><span><a href="#"><span>Branding</span></a>, <a href="#"><span>Design</span></a></span></li>
          <li><i class="fa fa-comments" aria-hidden="true"></i><a href="#">Comments</a></li>
        </ul>
      </div>
    </header>
    <div class="pp-post-content">
      <p>Whether you've just got a new camera and are looking to learn some new photography techniques or have been shooting for a while and want to master some old ones, this essential photographer's resource is here to help.</p>
    </div>
    <div class="pp-post-read-more"><a href="blog-post.html">Read More</a></div>
  </article>
  <article class="pp-post"><a href="blog-post.html"><img class="img-fluid" src="images/blog-2.jpg" alt="Blog Image"/></a>
    <header class="pp-post-header">
      <div class="pp-post-title"><a class="h4" href="blog-post.html">Stay Healthy While Traveling</a></div>
      <div class="pp-post-meta">
        <ul>
          <li><i class="fa fa-calendar-check-o" aria-hidden="true"></i><span>November 04, 2017</span></li>
          <li><i class="fa fa-tags" aria-hidden="true"></i><span><a href="#"><span>Branding</span></a>, <a href="#"><span>Design</span></a></span></li>
          <li><i class="fa fa-comments" aria-hidden="true"></i><a href="#">Comments</a></li>
        </ul>
      </div>
    </header>
    <div class="pp-post-content">
      <p>Whether you've just got a new camera and are looking to learn some new photography techniques or have been shooting for a while and want to master some old ones, this essential photographer's resource is here to help.</p>
    </div>
    <div class="pp-post-read-more"><a href="blog-post.html">Read More</a></div>
  </article>
  <article class="pp-post"><a href="blog-post.html"><img class="img-fluid" src="images/blog-3.jpg" alt="Blog Image"/></a>
    <header class="pp-post-header">
      <div class="pp-post-title"><a class="h4" href="blog-post.html">Medicinal Uses of flowers</a></div>
      <div class="pp-post-meta">
        <ul>
          <li><i class="fa fa-calendar-check-o" aria-hidden="true"></i><span>November 04, 2017</span></li>
          <li><i class="fa fa-tags" aria-hidden="true"></i><span><a href="#"><span>Branding</span></a>, <a href="#"><span>Design</span></a></span></li>
          <li><i class="fa fa-comments" aria-hidden="true"></i><a href="#">Comments</a></li>
        </ul>
      </div>
    </header>
    <div class="pp-post-content">
      <p>Whether you've just got a new camera and are looking to learn some new photography techniques or have been shooting for a while and want to master some old ones, this essential photographer's resource is here to help.</p>
    </div>
    <div class="pp-post-read-more"><a href="blog-post.html">Read More</a></div>
  </article>
  <article class="pp-post"><a href="blog-post.html"><img class="img-fluid" src="images/blog-4.jpg" alt="Blog Image"/></a>
    <header class="pp-post-header">
      <div class="pp-post-title"><a class="h4" href="blog-post.html">You can do anything if you believe</a></div>
      <div class="pp-post-meta">
        <ul>
          <li><i class="fa fa-calendar-check-o" aria-hidden="true"></i><span>November 04, 2017</span></li>
          <li><i class="fa fa-tags" aria-hidden="true"></i><span><a href="#"><span>Branding</span></a>, <a href="#"><span>Design</span></a></span></li>
          <li><i class="fa fa-comments" aria-hidden="true"></i><a href="#">Comments</a></li>
        </ul>
      </div>
    </header>
    <div class="pp-post-content">
      <p>Whether you've just got a new camera and are looking to learn some new photography techniques or have been shooting for a while and want to master some old ones, this essential photographer's resource is here to help.</p>
    </div>
    <div class="pp-post-read-more"><a href="blog-post.html">Read More</a></div>
  </article>
  <div class="pp-pagination">
    <ul>
      <li><a href="#">← Previous</a></li>
      <li><a href="#">1</a></li>
      <li><a href="#">2</a></li>
      <li><a href="#">3</a></li>
      <li><a href="#">4</a></li>
      <li><a href="#">5</a></li>
      <li><a href="#">Next →</a></li>
    </ul>
  </div>
</div>
<div class="pp-section"></div></div>
      </div>
      <footer class="pp-footer">
        <div class="container py-5">
          <div class="row text-center">
            <div class="col-md-12"><a class="pp-facebook btn btn-link" href="#"><i class="fa fa-facebook fa-2x " aria-hidden="true"></i></a><a class="pp-twitter btn btn-link " href="#"><i class="fa fa-twitter fa-2x " aria-hidden="true"></i></a><a class="pp-google-plus btn btn-link" href="#"><i class="fa fa-google-plus fa-2x" aria-hidden="true"></i></a><a class="pp-instagram btn btn-link" href="#"><i class="fa fa-instagram fa-2x " aria-hidden="true"></i></a></div>
            <div class="col-md-12">
              <p class="mt-3">Copyright &copy; 2019.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
            </div>
          </div>
        </div>
      </footer>
    </div>
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="scripts/main.js"></script>
  </body>
</html>